{% extends 'base.html' %}

{% block head_extra %}
	<link href="{{ STATIC_URL }}css/perfil.css" rel="stylesheet" media="screen">
	<script type="text/javascript" src="{{ STATIC_URL }}js/question.js"></script>
{% endblock head_extra %}

{% block content %}	

	
	<div id="foto">
		<img src = "/static/img/perfil.jpg" width="150px" height="150px">
	</div>
	
	<div id="perfil" class="container"> 
		<br/>
		
		<table class="table table-bordered table-striped table-hover" id="tabela-perfil">
		 <thead>
        	<tr>
        	  <th>
        	  	<p class="lead text-info">Dados Pessoais:</p>
        	  </th>        	  
			</tr>
      </thead>
       <tbody>
       	<tr>
       		<td>
	        	<strong>Nome:</strong> {{ pessoa.nome }} <br/>
				<strong>Tipo Sanguineo:</strong> {{ pessoa.tipo_sanguineo }} <br/>
				<strong>Data de Nascimento:</strong> {{ pessoa.data_de_nascimento }} <br/>
				<strong>Telefone Residencial:</strong> {{ pessoa.telefone_residencial }} <br/>
				<strong>Celular:</strong> {{ pessoa.celular }} <br/>
				<strong>E-mail:</strong> {{ pessoa.email }} 
			</td>			
		</tr>
      </tbody>
    </table>
    
   <table class="table table-bordered table-striped table-hover" id="tabela-perfil">
		 <thead>
        	<tr>
        	  <th>
        	  	<p class="lead text-info">Dados Profissionais:</p>
        	  </th>        	  
			</tr>
      </thead>
       <tbody>
       	<tr>
       		<td>
	       		<strong>Profissao:</strong> {{ pessoa.profissao }} <br/>
				<strong>Telefone Comercial:</strong> {{ pessoa.telefone_comercial }}
			</td>			
		</tr>
      </tbody>
    </table>
    
    <table class="table table-bordered table-striped table-hover" id="tabela-perfil">
		 <thead>
        	<tr>
        	  <th>
        	  	<p class="lead text-info">Endereco:</p>
        	  </th>        	  
			</tr>
      </thead>
       <tbody>
       	<tr>
       		<td>
	       		<strong>Rua:</strong> {{ pessoa.rua }} <br/>
				<strong>Numero:</strong> {{ pessoa.numero }} <br/>
				<strong>Complemento:</strong> {{ pessoa.complemento }} <br/>
				<strong>CEP: </strong> {{ pessoa.cep }} <br/>
				<strong>Bairro:</strong> {{ pessoa.bairro }} <br/>
				<strong>Cidade:</strong> {{ pessoa.cidade }} <br/>
				<strong>Estado:</strong> {{ pessoa.cidade.estado }}
			</td>			
		</tr>
      </tbody>
    </table>
    
    <table class="table table-bordered table-striped table-hover" id="tabela-perfil">
		 <thead>
        	<tr>
        	  <th>
        	  	<p class="lead text-info">Loja:</p>
        	  </th>        	  
			</tr>
      </thead>
       <tbody>
       	<tr>
       		<td>
	       		<strong>Loja Maconica:</strong><a href="/loja/{{pessoa.loja.id}}"> {{ pessoa.loja }} </a><br/>
				<strong>Potencia:</strong> {{ pessoa.loja.potencia }}
			</td>			
		</tr>
      </tbody>
    </table>		
</div>

	
{% endblock content %}
